<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
<!--{literal}
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback
(
    function()
    {
	$(document).ready
	(
	    function()
	    {
		$('div.dialog#chart-status').dialog
		(
		    'option',
		    {
			title:		'Показатели',
			resizable:	false,
			width:	500,
			height:	350
		    }
		);

		$('a.button#chart-status-open').click
		(
		    function()
		    {
			$.getJSON
			(
			    'chart-status.php',
			    function(json)
			    {
				var data = new google.visualization.DataTable();

				data.addColumn('string', 'Статус');
				data.addColumn('number', 'Кол-во клиентов');
				data.addRows(json.length);

				for(i=0;i<json.length;i++)
				{
				    data.setValue(i, 0, json[i][0]);
				    data.setValue(i, 1, parseFloat(json[i][1]));
				}

				$('div.dialog#chart-status').dialog('open');

				var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
				chart.draw(data, {width: 450, height: 300, title: 'Статусы клиентов'});
			    }
			);

		    }
		);
	    }
	);
    }
);
{/literal}-->
</script>

<div class="dialog" id="chart-status">
    <div id="chart_div"></div>
</div>
